<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>学院开课列表</title>

<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" href="dist/css/font-awesome-4.4.0/font-awesome.min.css">
<link rel="stylesheet" href="css/AdminLTE.css">
<link rel="stylesheet" href="dist/css/bootstrap.css">
<link rel="stylesheet" href="dist/css/bootstrap-table.css">
</head>
<body>	
	<div id="tab_div">
	</div>
	
	<input style="display:none;" id="getSearchName" value="<%out.print(request.getParameter("searchName"));%>" />
	
	<script src="dist/js/bootstrap.js"></script>
	<script src="dist/js/jquery-2.2.3.min.js"></script>
	<script src="dist/js/bootstrap.js"></script>
	<script src="dist/js/bootstrap-table.js"></script>
	<script src="dist/js/bootstrap-table-zh-CN.js"></script>
	
	<script type="text/javascript">		
		var table;
		$(document).ready(function(){
			var searchName = $("#getSearchName").val();
			$.ajax({
				url:'/ui/get-course-by-name',
				data:{
					searchName : searchName
				},
				type:'POST',
				dataType:'html',
				success:function(data){
					$("#tab_div").html(data);
				},
				error:function() {
					alert("该课程数据加载失败,请点击重试!");
				} 
			});
		});
	</script>
</body>
</html>